.layer-container {
  width: 100%;
  height: 100%;
  .title-search {
    margin: 10px 0;
  }
  .layer-list {
    height: calc(~"100% - 52px");
    overflow-y: auto;
    .item {
      border-top: 1px solid #eee;
      .title {
        height: 40px;
        display: flex;
        align-items: center;
        cursor: pointer;
        opacity: 0.8;
        padding: 0 0px 0 20px;
        .text {
          width: 259px;
        }
        .icon {
          margin-right: 4px;
          margin-top: 1px;
        }
      }
      &>.content {
        padding-left: 10px;
      }
      &:hover {
        &>.title {
          opacity: 1;
        }
       
      }
      &.tab {
        opacity: 0.6;
        &>.title {
          height: 26px;
          font-size: 12px;
        }
        
        &.tab-active {
          opacity: 1;
          &>.title {
            color: @theme-color;
          }
        }
      }
      
      
      &.active {
        &>.title {
          background: @theme-color;
          color: #fff;
        }
        
      }
      
      
    }
  }
}
